{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "base-article.html" %}

{% set navigation_bar = [
  (url('mozorg.about.index'), 'about-mozilla', ftl('about-shared-about-mozilla')),
  (url('mozorg.mission'), 'about-mission', ftl('about-shared-mission')),
  (url('mozorg.about.history'), 'about-history', ftl('about-shared-history')),
  (url('mozorg.about.leadership.index'), 'about-leadership', ftl('about-shared-leadership')),
  (url('mozorg.about.governance.governance'), 'about-governance', ftl('about-shared-governance')),
  (url('mozorg.about.forums.forums'), 'about-forums', ftl('about-shared-forums')),
  (url('mozorg.about.policy.patents.index'), 'about-patents', ftl('about-shared-patents')),
] -%}

{% block body_attrs %}{{ super() }} data-global-nav-current-link="about-us"{% endblock %}
{% block body_class %}mzp-t-mozilla {% endblock %}

{% block article %}{% endblock %}

{% block side_nav %}
  {{ sidemenu_lists([navigation_bar], body_id) }}

  <div class="side-reference">
    <h2 class="side-reference-title">{{ ftl('about-shared-our-products') }}</h2>
    <p>{{ ftl('about-shared-software-innovations') }}</p>
    <a class="more" href="{{ url('products.landing') }}">{{ ftl('ui-learn-more') }}</a>
  </div>

  <div class="side-reference">
    <h2 class="side-reference-title">{{ ftl('about-shared-get-involved') }}</h2>
    <p>{{ ftl('about-shared-volunteer') }}</p>
    <a class="more" href="{{ url('mozorg.contribute') }}">{{ ftl('ui-learn-more') }}</a>
  </div>

   <div class="side-reference">
    <h2 class="side-reference-title">{{ ftl('vision-for-the-web') }}</h2>
    <p>{{ ftl('read-about-our-vision') }}</p>
    <a class="more" href="{{ url('mozorg.about.webvision.summary') }}">{{ ftl('ui-learn-more') }}</a>
  </div>

  {% block sidebar_extra %}{% endblock %}
{% endblock %}

{% block email_form %}
<div class="mzp-l-content">
  <div class="mzp-c-newsletter t-love">
    <div class="mzp-c-newsletter-image">
      <img src="{{ static('img/newsletter/love-news.svg') }}" alt="" height="172" width="200">
    </div>

    <div class="newsletter-content">
      {% if LANG.startswith('en-') %}
        {{ email_newsletter_form(newsletters='mozilla-foundation', title='Love the Web?', desc='Get the Mozilla newsletter and help us keep it open and free.', button_class='button-hollow button-light', spinner_color='#fff') }}
      {% else %}
        {{ email_newsletter_form(button_class='button-hollow button-light', spinner_color='#fff') }}
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}
